<template>
	<view class="content">
		<TabBar :list="tabList" :defaultTab="1" @handelTabBar="handelTabBar">
		</TabBar>
	</view>
</template>

<script setup>
	import useTabBarStore from '@/store/modules/base/tabBar'
	import TabBar from "@/components/tabBar/index.vue"
	const store = useTabBarStore()
	const tabList = store.list;
	// tabBar
	const handelTabBar = (index) => {
		uni.redirectTo({
			url: tabList[index].pagePath
		})
	}
</script>

<style lang="scss">
	:deep(.wd-tabbar.is-fixed) {
		bottom: 20px;
	}

	.first_page {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 100rpx;
		font-weight: 600;
		font-size: 40rpx;
		color: rgba(12, 158, 255, 0.9);
	}
</style>